html,body{height: 100%; width: 100%;}
::-webkit-input-placeholder {
	color:#bbb;
}
:-moz-placeholder {
	color:#bbb;
}
::-moz-placeholder {
	color:#bbb;
}
:-ms-input-placeholder {
	color:#bbb;
}
.loginWrapper{width: 100%; min-width: 1200px; height: 100%; min-height: 500px;font-size: 14px; color: #909090;}

.banWrapper{float: left; position: relative; width: 50%; height: 100%; background: #00a7f2;}
.banContent{width: 700px; height: 500px; position: absolute; left: 50%; top: 50%; margin-top: -250px; margin-left: -350px;}
.banContent a{display: block; width: 100%; height: 100%;}

.loginMain{float: right; position: relative; width: 50%; height: 100%; background: #fff;}
.loginWidth{width: 500px; height: 500px; position: absolute; left: 50%; top: 50%; margin-left: -250px; margin-top: -200px;}
.loginLogoDiv{width: 310px; height: 50px; margin: 0 auto;}
.loginLogo{display: block; width: 222px; height: 50px; background: url(../images/loginlogo.png?v=1.2) no-repeat;}

.formLogin{width: 310px; padding-top: 40px; margin: 0 auto;}
.loginList{position: relative; height: 38px; line-height: 38px; width: 260px; padding: 2px 18px 2px 32px; margin-bottom: 16px; border-bottom: 1px solid #e7e7e7;}
.loginList .loginText{height: 24px; line-height: 24px; padding: 7px 0; width: 260px;color: #606060; border: 0 none;}
.loginList label{position: absolute;left: 2px; top: 10px; width: 20px; height: 24px; background: url(../images/loginIcon.png) no-repeat;}
.loginListUser label{background-position: -58px -4px;}
.loginListPwd label{background-position: -28px -3px;}
.loginListCode label{background-position: -3px -3px;}
.loginListTel label{background: url(../images/telicon.png) 2px 0 no-repeat;}
.loginListKey label{background: url(../images/keyicon.png) 0 0 no-repeat;}
.errorTips{display: none; font-size: 12px; color: #fe514a; height: 20px; line-height: 20px; position: absolute; left: 310px; top: 10px; min-width: 100px;white-space:nowrap;}
.errorTips i,.sysError i{padding: 0 9px; line-height: 20px; height: 20px; display: inline-block; vertical-align: middle; background: url(../images/loginIcon.png) -32px -35px no-repeat;}
.errorTips em,.sysError em{font-style: normal; line-height: 20px; height: 20px; display: inline-block; vertical-align: middle; white-space:nowrap; }
p.loginList{text-align: right; width: 100%; padding: 0; font-size: 13px; margin-bottom:0; height: 16px; line-height: 16px; border: 0 none;}
p.loginList a{color: #03c5ff;}
.loginBtn{width: 100%; height: 46px; line-height: 46px; margin-top: 20px; background: #03c5ff; border-radius: 2px; color: #fff; border: 0 none; letter-spacing:4px; font-size:16px;}
.loginBtn:hover{background: #04bff7;}
.have{text-align: right; height: 20px; line-height: 20px; padding-top: 16px;}
.have i{height: 20px; padding: 0 10px;background: url(../images/loginIcon.png) -52px -37px no-repeat;}
.have a{color: #03c5ff;}
.loginListCode img{position: absolute; right: 30px; top:-1px; height: 42px; border: 0; background: #f7f7f7; border-top-right-radius: 2px; border-bottom-right-radius: 2px; color: #909090;}
.loginListCode .getImg{position: absolute; right: 5px; top: 8px; width: 19px; height: 21px; background: url(../images/loginIcon.png) -2px -33px no-repeat;}

.sysError{color:#fe514a;font-size: 12px;height: 20px; line-height: 20px; position: relative; top:-5px;}
.sysError a{color: #03c5ff;}
#secondeCodeBnt{width:100px;line-height: 32px;color: #fff;background: #03c5ff;cursor: pointer;border: none;border-radius: 2px; position: absolute; right: 0; top:0}

@media only screen and (max-width: 1360px){
	.loginLogoDiv{width: 290px;}
	.formLogin{width: 290px;}
	.loginList{width: 240px;}
	.loginList .loginText{width: 240px;}
	.errorTips{left: 295px;}
}


@media only screen and (max-width: 600px){
	.loginLogoDiv{text-align: center; width: 100%;}
	.loginLogo{margin: 0 auto;}
	.loginWrapper{width: 100%; min-width: 100%;}
	.banWrapper{display: none;}
	.loginMain{width: 100%;}
	.loginWidth{width: 100%; left: 0; margin-left: 0;}
	.errorTips{left: 30px; top: auto; bottom: -22px; z-index: 1;}

	.formLogin{width: 100%; padding: 0 20px; margin-top: 40px; box-sizing: border-box; -webkit-box-sizing: border-box;}
	.loginList{width: 100%; height: 43px; line-height: 43px; box-sizing: border-box; -webkit-box-sizing: border-box;}
	.loginList .loginText{position: relative; top: -3px; height: 42px; line-height: 42px; padding: 7px 0; width: 90%; box-sizing: border-box; -webkit-box-sizing: border-box;}
}
